<!DOCTYPE html>
<html>
<head>


    <title>ATM后台管理系统</title>
</head>
<body class="bgf6">

<div th:include="common/boAtmHeader :: atmHeader"></div>

<div class="main-body pb100">
    <div class="container pt10">
        <div class="dflx sbt">

            <div th:include="common/boAtmLeft :: atmLeft"></div>

            <div class="body-right">
                <div class="bread-nav bgff">
                    <ul class="dflx">

                    </ul>
                </div>

                <div class="bgff mt10 pb20 edit-mode">
                    <div class="wrap">

                        <div class="box">
                            <div class="box-title"><span>添加角色</span></div>
                            <div class="mt20 f14">
                                <div class="two">
                                    <span class="title"><i class="cred">*</i> 角色名称</span>
                                    <div class="content">
                                        <input type="text" id="roleValue" class="form-control parsley-error" value="" placeholder="请输入角色名称"/>
                                    </div>
                                    <span class="title">角色值</span>
                                    <div class="content">
                                        <input type="text" id="roleName" class="form-control" value="" placeholder="请输入角色值"/>
                                    </div>
                                </div>

                            </div>
                        </div>



                        <div class="tc mt40">

                            <button id="signUpButton" type="button" class="btn btn-primary f12"> 提交 </button>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/foundation-datepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/foundation-datepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/bootstrap-table.min.js"></script>
<script src="/js/jquery.bs-table.js"></script>

<script src="/js/vue.js"></script>
<script src="/js/ele.js"></script>
<script src="/js/dayuanit.js"></script>

<script type="text/javascript">

    $('#signUpButton').click(function () {
        createRole();
    });

    function createRole() {
        dayuanit.ajax('/user/createRole', {
            roleName : $('#roleName').val(),
            roleValue : $('#roleValue').val(),
        }, function (result) {
            alert('角色创建成功');
        })
    }
</script>

</body>
</html>
